import { baseCanvas } from "./baseCanvas";
// 基础组件的属性、样式
export const basicAttrsStyles = (type, wh, xy) => {
	const allAttrsStyles = {
		text: {
			// 属性(键名与右侧面板的tab的value保持一致)
			attrs: {
				value: "文本组件",
			},
			// 修改属性需要用到的组件
			attrsMap: {
				value: {
					label: "显示文字",
					cpn: "input",
				},
			},
			// 样式(键名与右侧面板的tab的value保持一致)
			styles: {
				color: "#333333",
				backgroundColor: "#bebebe",
				fontSize: 14,
			},
			// 修改样式需要用到的组件
			stylesMap: {
				backgroundColor: {
					label: "背景颜色",
					cpn: "colorPick",
				},
				color: {
					label: "字体颜色",
					cpn: "colorPick",
				},
				fontSize: {
					label: "字体大小",
					cpn: "inputNumber",
				},
			},
			...baseCanvas(wh, xy),
		},
	};
	return allAttrsStyles[type];
};
